<%@ include file="../common/IncludeTop.jsp"%>


<link href="css/jpetstore.css">
<style type="text/css">
    .errormsg{
        color:red;
    }

    .okmsg{
        color:green;
    }
</style>
<div id="Catalog">

    <form action="register" method="post">
        <h3>User Information</h3>
        <table>

            <tr>
                <td><label class="title" for="username">User ID:</label></td>
                <td><input type="text" name="username" id="username" >
                <span id="isExistInfo" ></span></td>
            </tr>
            <tr>
                <td>New password:</td>
                <td><input type="password" name="password" id="password">
                    <span id="passwordAvailableInfo"></span></td>
            </tr>
            <tr>
                <td>Repeat password:</td>
                <td><input type="password" name="password2" id="password2" >
                <span id="repeatpassword"></span></td>
            </tr>
            <tr>
                <td>Birthday:</td>
                <td><input type="date" name="birthday"></td>

            </tr>
            <tr>
                <td colspan="2" align="center">
                    <font color="red">${requestScope.msg}</font><br>
                </td>
            </tr>

        </table>

        <%@ include file="IncludeAccountFields2.jsp"%>
        <input type="submit" name="newAccount" value="REGISTER">

        <script src="js/UserCheck.js"></script>

    </form>
</div>

<%@ include file="../common/IncludeBottom.jsp"%>
